<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			.top {
				width: 100%;
			}

			.top_pic {
				height: 360px;
				background-image: url(img/8.png);
				background-repeat: no-repeat;
				margin: 0px auto;
				background-repeat: no-repeat;
				background-size:cover;
				background-position: center;
			}

			.top_font {
				color: white;
				margin-left: 480px;
				padding-top: 150px;
			}

			body {
				background-color: #FAFAFA;
				overflow-x: hidden;
			}

			.content {
				width: 100%;
			}

			.content_center {
				/* top: -50px; */
				width: 900px;
				height: 900px;
				/* background-color: black; */
				left: 400px;
				margin: 0px auto;
			}

			.footer_all {
				width: 100%;
				background-color: #242335;
				/* margin-top: 75px; */
			}

			.footer {
				width: 1705px;
				height: 300px;
				background-color: black;
				margin: 0px auto;
				background-color: #242335;
			}

			.us {
				width: 980px;
				height: 300px;
				margin-left: 340px;
				position: relative;
			}

			.logo {
				width: 150px;
				height: 150px;
				/* background-color: aliceblue; */
				position: absolute;
				top: 50px;
				left: -38px;
			}

			.logo h1 {
				color: white;
				padding-top: 40px;
			}

			.second {
				width: 280px;
				height: 150px;
				/* background-color: aliceblue; */
				position: absolute;
				top: 50px;
				left: 250px;
			}

			.second img {
				width: 25px;
				display: block;
				margin-top: 25px;
			}

			.second {
				position: relative;
			}

			._aboutus p {
				color: white;
				margin-top: 25px;
				font-size: 14px;
			}

			._aboutus {
				position: absolute;
				top: -21px;
				left: 42px;
			}

			.third {
				width: 190px;
				height: 150px;
				/* background-color: aliceblue; */
				position: absolute;
				top: 42px;
				left: 654px;
				display: flex;
				flex-wrap: wrap;
			}

			.third p {
				color: white;
				font-size: 14px;
				margin-left: 15px;
			}

			.trip_font p {
				color: #5067EF;
			}

			.trip_font {
				position: relative;
				top: 100px;
				left: 0px;
			}

			.t1 {
				font-size: 40px;
				font-weight: 600;
				text-shadow: 0px 2px 4px #5067EF;
			}

			.t2 {
				font-size: 17px;
				font-weight: 600;
				color: #94A3F3;
			}

			.img_height {
				width: 250px;
			}

			.img_weight {
				width: 390px;
			}

			.line img {
				position: absolute;
				border: 6px solid #FFFFFF;
				border-radius: 10px;
				box-shadow: 0px 0px 4px #B6B5BC;
				/* display: none; */
			}

			.line {
				position: relative;
				height: 900px;
			}

			.img1 {
				right: 0px;
				top: 500px;
			}

			.img2 {
				right: 0px;
				top: 145px;
			}

			.img3 {
				top: 654px;
				left: 80px;
				opacity: 0.5;
			}

			.img4 {
				top: 310px;
			}

			._aboutus_all {
				width: 400px;
				height: 640px;
				background-color: #FFFFFF;
				position: absolute;
				left: 314px;
				top: 238px;
				z-index: 9;
				box-shadow: 0px 0px 3px #B6B5BC;
				/* text-align: center; */
			}

			#us_title {
				font-size: 25px;
				font-weight: bolder;
				margin-top: 50px;
				margin-left: 55px;
			}

			._aboutus_all p {
				font-size: 13px;
				width: 300px;
				margin-left: 55px;
				margin-top: 12px;
			}
			._back{
				display: inline-block;
				position: absolute;
				    left: 30px;
				    top: 12px;
					text-align: center;
					text-decoration: none;
			}
			._back img{
				width: 35px;
			}
			._back p{
				color: white;
				font-size: 14px;
			}
		</style>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div class="top">
			<div class="top_pic">
				<div class="top_font">
                   <a href="/" class="_back">
                   	<img src="img/back.png" >
                   	<p>返回主页</p>
                   </a>
				</div>

			</div>
		</div>
		<div class="content">
			<div class="content_center">
				<div class="line">
					<div class="trip_font">
						<P class="t1">Intriduction</P>
						<p class="t2">把旅行交给我们,带您寻找诗意灵魂</p>
					</div>
					<div class="_aboutus_all">
						<p id="us_title">关于我们</p>
						<p>网站是游客和商户均可以注册使用的交互平台,游客</p>
						<p>可购买旅游产品及发布求拼信息,参加商家发布的拼</p>
						<p>团行程.商家可以发布产品及可拼线路,并能购买平台</p>
						<p>上其他该目的国特价产品用于分销并享受其他旅游目</p>
						<p>的的国产品的优惠价格.</p>
						<p>平台自身提供的旅游产品展示: 如景点门票,民宿</p>
						<p>产品,酒店,餐厅,游玩项目等,游客购买享有买越</p>
						<p>多,优惠越多</p>




					</div>
					<img src="img/1.jpg" class="img_weight img1">
					<img src="img/2.jpg" class="img_weight img2">
					<img src="img/3.jpg" class="img_weight img3">
					<img src="img/4.png" class="img_height img4">

				</div>
			</div>
		</div>


		<div class="footer_all">
			<div class="footer">
				<div class="us">
					<div class="logo">
						<h1>logo</h1>
					</div>
					<div class="second">
						<img src="img/phone.png">
						<img src="img/mailbox.png">
						<img src="img/companyaddress.png">
						<div class="_aboutus">
							<p>2012-21325122</p>
							<p>121352135@163.com</p>
							<p>中国深圳市龙华去1208号2403</p>
						</div>
					</div>
					<div class="third">
          <a href="/tool/aboutus/aboutus.html">
            <p>关于我们</p>
          </a>
          <a href="/tool/aboutus/help.html">
            <p>新手上路</p>
          </a>
          <a href="/tool/aboutus/contact_us.html">
            <p>联系我们</p>
          </a>
          <a href="/tool/aboutus/greenhand.html">
            <p>使用帮助</p>
          </a>
          <a href="/tool/aboutus/partner.html">
            <p>合作伙伴</p>
          </a>
          <a href="/tool/index.html">
							<p>旅行工具</p>
						</a>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		const asy = function(x, time) {
    return new Promise((resolve, reject) =>{
        setTimeout(()=>{
            resolve(x)
        }, time)
    })
}

const add = async function() {
    const a = await asy(3, 5000)
    console.log(a)
    const b = await asy(4, 10000)
    console.log(b)
    const c =  await asy(5, 15000)
    console.log(a,b,c)
    const d = a + b +c  
    console.log(d)
}

add();
	</script>

</html>
